@extends("system.layout")
@section("main")
    <div class="banner">
        <div class="container">
            <div  class="callbacks_container">
                <ul class="rslides" id="slider4">

                    <li>
                        <div class="banner-info">
                            <h3>{!! fragment('home-banner-intro','title') !!}<span>{!! fragment('home-banner-intro','content') !!}</span></h3>
                        </div>
                    </li>
                    <li>
                        <div class="banner-info">
                            <h3>Jack & <span> Julie</span> </h3>
                        </div>
                    </li>
                    <li>
                        <div class="banner-info">
                            <h3>Getting <span>Married</span></h3>
                        </div>
                    </li>
                </ul>
            </div>
            <!--banner  问题-->

            <script>
                // You can also use "$(window).load(function() {"
                $(function () {
                    // Slideshow 4
                    $("#slider4").responsiveSlides({
                        auto: true,
                        pager:true,
                        nav:false,
                        speed: 500,
                        namespace: "callbacks",
                        before: function () {
                            $('.events').append("<li>before event fired.</li>");
                        },
                        after: function () {
                            $('.events').append("<li>after event fired.</li>");
                        }
                    });
                });
            </script>
            <!--main-drop-->
            <div class="main-drop">
                <img src="{!! fragment('home-banner-coupler-common','picture') !!}" alt=""/>
                <div class="hands">
                        <h4> {!! fragment('home-banner-coupler-common','title') !!}</h4>
                </div>
                <div class="couple">
                    <div class="bride">
                        <img  style="height:200px;" src="{!! fragment('home-banner-coupler-woman','picture') !!}" class="img-responsive" alt="">
                        <h5>{!! fragment('home-banner-coupler-woman','title') !!}</h5>
                    </div>
                    <div class="groom">
                        <img  style="height:198px; " src="{!! fragment('home-banner-coupler-man','picture') !!}" class="img-responsive" alt="">
                        <h5>{!! fragment('home-banner-coupler-man','title') !!}</h5>
                    </div>
                </div>
            </div>
            <!--//main-drop-->
        </div>
    </div>
    <!--welcome-->
    <div class="welcome">
        <div class="container">
            <div class="welcome-top">
                <img src="{!!fragment('home-banner-couple-container','picture')!!}" class="img-responsive" alt="">
                <h2>{!!fragment('home-banner-couple-container','title')!!}</h2>
                <p>{!!fragment('home-banner-couple-container','content')!!}</p>
                <a class="read" href="single.html">Read More</a>
            </div>
        </div>
    </div>
    <!--//welcome-->



    <!--    registry           -->
    <!--registry-->
    <div class="registry-section">
        <h3 class="tittle">{!!fragment('registry-title','title')!!}</h3>
        <div class="registry">
            <div class="col-md-6 registry-left">

                <div class="registry-text">
                    <h4>{!!fragment('registry-text-left','title')!!}</h4>
                    <h6>{{date("Y-m-d,H:i:s",fragment('registry-text-left','create_time'))}} {!!fragment('registry-text-left','create_addr')!!}</h6>
                    <p>{!!fragment('registry-text-left','content')!!}</p>
                </div>
                <a href="single.html" class="mask"><img style="width:950px;height:534px;" src="{!!fragment('registry-text-left','picture')!!}" alt="image" class="img-responsive zoom-img"></a>
            </div>
            <div class="col-md-6 registry-right">
                <a href="single.html" class="mask"><img style="width:950px;height:530px;" src="{!!fragment('registry-text-right','picture')!!}" alt="image" class="img-responsive zoom-img"></a>
                <div class="registry-text">
                    <h4>{!!fragment('registry-text-right','title')!!}</h4>
                    <h6>{!! date("Y-m-d,H:i:s",fragment('registry-text-right','create_time'))!!} {!!fragment('registry-text-left','create_addr')!!}</h6>
                    <p>{!!fragment('registry-text-right','content')!!}</p>
                </div>

            </div>
            <div class="clearfix"> </div>
        </div>
    </div>
    <!--//registry-->
    @include("system.bottom")
@endsection